<template>
	<view>
		<view class="head_bg">
			<view class="head_bg_box"></view>
		</view>
		<view class="income-setting-wrap w-full">
			
		</view>
		<view class="income-user-wrap w-full">
			<view class="flex px-4 justify-between">
				<view><image src="/static/logo.png" class="icon-img-50 rounded-full	"></image></view>
				<view class="ml-1 flex-1">
					<view class="text-color-white">匿名用户</view>
				</view>
			</view>
		</view>
		<view class="income-mine-wrap bg-white rounded-t-3xl">
			<view class="px-2">
				<view class="mt-2">
					<u-list height="auto">
						<u-list-item>
							<u-cell title="我的追剧">
								<text slot="icon" class="iconfont iconfont-chase" style="width: 56rpx; height: 56rpx;" />
								<text slot="right-icon" class="iconfont iconfont-right"  style="width: 22px; height: 22px;" />
							</u-cell>
						</u-list-item>
						<u-list-item>
							<u-cell title="我的观看">
								<text slot="icon" class="iconfont iconfont-history" style="width: 56rpx; height: 56rpx;" />
								<text slot="right-icon" class="iconfont iconfont-right"  style="width: 22px; height: 22px;" />
							</u-cell>
						</u-list-item>
						<u-list-item>
							<u-cell title="我的喜欢">
								<text slot="icon" class="iconfont iconfont-like" style="width: 56rpx; height: 56rpx;" />
								<text slot="right-icon" class="iconfont iconfont-right"  style="width: 22px; height: 22px;" />
							</u-cell>
						</u-list-item>
						<u-list-item>
							<u-cell title="联系客服">
								<text slot="icon" class="iconfont iconfont-service" style="width: 56rpx; height: 56rpx;" />
								<text slot="right-icon" class="iconfont iconfont-right"  style="width: 22px; height: 22px;" />
							</u-cell>
						</u-list-item>
					</u-list>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.head_bg{ width: 100%; height: 304rpx;  }
.head_bg_box{background-color: #1890FF; width: 100%; height: 304rpx; }
.income-setting-wrap{
	z-index: 1;
	position: absolute; 
	height: 100rpx; 
	margin-top: -304rpx;
}
.income-user-wrap{
	z-index: 1;
	position: absolute; 
	height: 200rpx; 
	margin-top: -250rpx; 
}
.income-data-wrap{
	z-index: 1; 
	position: absolute; 
	width: 92%; 
	height: 240rpx; 
	margin: -120rpx 4% 0 4%; 
	background: #fff; 
	box-shadow: 0 4rpx 20rpx 0 #8A38F5; 
	border-radius: 10rpx; 
}
.income-mine-wrap{
	z-index: 1;
	position: absolute; 
	margin-top: -120rpx; 
	width: 100%;
}
.image-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.left-box{
	height: 90rpx;
	position: relative;
	flex: 1;
	z-index: 5;
	padding: 20rpx;
}
.right-box{
	height: 90rpx;
	position: relative;
    flex: 1;
    z-index: 5;
	margin-left: 10rpx;
	padding: 20rpx;
}
</style>
